.outLineManualContent {
  font-size:12px;
  font-weight: 300;
  color:rgba(77,80,105,1);
}

.outLineManualContent .outLineTitle {
  height: 36px;
  padding-left: 12px;
}

.outLineManualContent .outLineTitle span {
  display: inline-block;
  padding-top: 17px;
}

.outLineManualContent .outLineOptionBtnGroup {
  width: 70px;
  box-sizing: border-box;
  display: inline-block;
}

.outLineManualContent .outLineOptionBtnGroup button {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 70px;
  border-top: 1px solid rgb(24, 27, 44);
  border-bottom: none;
  border-left: none;
  border-right: none;
  background-color: transparent;
  color: rgba(182, 184, 220, 1);
}

.outLineManualContent .outLineOptionBtnGroup button:hover {
  background-color: rgba(41, 43, 59, 1);
  border: none;
}

.outLineManualContent .outLineOptionBtnGroup button span{
  display: block;
  font-size: 12px;
}

.outLineManualContent .outLineOptionBtnGroup button i{
  font-size: 17px;
}

.outLineManualContent .outLineOptionDetai {
  display: inline-block;
  width: 180px;
  box-sizing: border-box;
  background-color: rgba(47, 49, 67, 1);
  min-height: 652.8px;
  vertical-align: top;
  border-top: 1px solid rgb(24, 27, 44);
  overflow-x: hidden;
  overflow-y: scroll;
}

.categoryDetail {
  font-weight:100;
  color:rgba(90,91,124,1);
  font-size: 12px;
  padding: 9px 0 9px 24px;
  cursor: pointer;
}

.categoryDetail:hover {
  background: rgba(47,48,66,1);
}

.outLineManualContent .categoryTitle {
  background-color: rgba(47, 49, 67, 1);
  color: rgba(182, 184, 220, 1);
  width: 179px;
  height: 29px;
  line-height: 29px;
  cursor: pointer;
}

.outLineManualContent .categoryTitle:hover {
  background-color: rgba(65, 67, 91, 1);
}

.outLineManualContent .categoryTitle span {
  display: inline-block;
  width: 81%;
  font-size: 12px;
  font-weight: 100;
}

.outLineManualContent .categoryTitle i {
  font-size: 16px;
  font-weight: 100;
  margin: 0 5px 0 10px;
  color: rgba(81, 84, 116, 1);
  transition: all .5s;
  transform: rotateZ(0);
}

.outLineManualContent .categoryContainer {
  display: none;
}

.categoryDetailBase {
  overflow: hidden;
  display: none;
}



.active {
  background-color: rgba(47, 49, 67, 1) !important;
  border: none;
}


.slideInStyle {
  background-color: rgba(65, 67, 91, 1) !important;
}

.slideInStyle i{
  transition: all .5s;
  transform: rotateZ(90deg) !important;
  color: rgba(174, 176, 212, 1) !important;
}

.outLineManualContent .usedSpace {
  margin: 30px auto;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  color: rgba(73,76,99,1);
}

.categoryDetailActive .categoryDetail {
  background: rgba(105,108,145,1) !important;
}